@charset "utf-8";
/* CSS Document */
.banner {
 height: 198px; width: 100%;	
 background: rgb(233,242,248); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(233,242,248,1) 0%, rgba(232,247,243,1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  rgba(233,242,248,1) 0%,rgba(232,247,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  rgba(233,242,248,1) 0%,rgba(232,247,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f2f8', endColorstr='#e8f7f3',GradientType=0 ); /* IE6-9 */
}
.banner img { display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
@media only screen and (max-width:828px) {
.banner { height: 13.3vw;}
}

.tab { border-bottom:1px solid #ebf4f9;}
.tab ul { line-height: 3; display: flex; justify-content: center; align-items: center;}
.tab li { position: relative; z-index: 0; margin: 0 6.5%; color: #000;}
.tab li a { padding-top: 2em; display: block; color: #000;}
.tab li.cur { font-weight: bold; color: #1275bb;
background: url(../imgs/arrow3.png) center 0 no-repeat;
background-size:auto 1em ;}
.tab li.cur a {color: #1275bb;}
@media only screen and (max-width:828px) {
.tab li a { padding-top: 0.9em; }
}

.newiBox { margin-top: 6.2em; padding: 2.5em 0 0; 
background: url(../imgs/newibg.png) center 0 repeat-y;}
.newiBox .list { margin: 0 6.7%; padding-bottom: 6.3em; border-bottom: 1px solid #e6f0f8; }
.newiBox .list li { margin-top: 0.44em; }
.newiBox .list li:first-child { margin-top: 0;}
.newiBox .list li:first-child .line { display: none;}
.newiBox .list .line { position: relative; z-index: 0; 
margin: 0 auto 0 100px; width: 2px; height: 4.3em; 
background-color: #8cbcde;}
.newiBox .list .line::before { position: absolute; left: 50%; top: 50%;
 margin: -6px auto 0 -6px; display: block; content: "";
width: 12px; height: 12px; 
background: url(../imgs/arrow4.png) center center no-repeat ;
background-size:contain;}
.newiBox .list .date { text-align: center; width: 200px; color: #1275bb;}
.newiBox .list .info {position: relative; z-index: 0; text-align: left;
display: flex; justify-content: flex-start; margin-top: 0.8em;
}
.newiBox .list .picb { margin-right: 1.1em; width: 200px;}
.newiBox .list .pic { display: block; cursor: pointer;
 position: relative; z-index: 0; padding-top: 69%;}
.newiBox .list .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.newiBox .list .txt { flex: 1;}
.newiBox .list .txt .name { color: #1275bb;line-height: 1.2;
overflow:hidden;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;
height: 1.2em;}
.newiBox .list .txt .name a {color: #1275bb;}
.newiBox .list .txt .intro { margin-top: 0.4em; color: #1b1c20; line-height: 1.2;
height: 2.4em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
@media only screen and (max-width:828px) {
.newiBox { margin-top: 1em; padding: 1.2em 0 0;  background-size:95% auto;}
.newiBox .list { margin: 0 -1.2em; padding-bottom: 2.4em;}
.newiBox .list ul {margin: 0 1.2em;}
.newiBox .list .line { width: 1px; height: 3em; margin-left: 3em;}
.newiBox .list .line::before {
 margin: -4px auto 0 -4px; 
width: 8px; height: 8px;}
.newiBox .list .picb { margin-right: 0.4em; width: 8em;}
.newiBox .list .date { width: 3.8em;}
.newiBox .list .txt .intro {margin-top: 0.2em;  height: 1.2em;-webkit-line-clamp:1}
}

.detailBox { margin: 3.3em 0 19em;}
.detailBox .title { color: #1275bb; text-align: center;}
.detailBox .date { margin-top: 1.3em;text-align: center;}
.detailBox .title2 { font-weight: bold; text-align: left;}
.detailBox .detailBg { padding: 8.8% 7.2%; margin-top: 5em; background-color: #f8fbfd;}
.detailBox .content { margin-top: 4%; line-height: 1.2;text-align: left;}
.detailBox .btnw { margin-top: 5em; text-align: center;}

@media only screen and (max-width:828px) {
.detailBox {margin: 2em 0 6em;}
.detailBox .date { margin-top: 0.6em;}
.detailBox .btnw { margin-top: 2em;}
.detailBox .detailBg {margin-top: 2em;}
}

/*工作领域*/
.workBox { margin-top: 3.5em; display: flex; justify-content: flex-start; align-items: flex-start;}
.workBox .pic { width: 37%;}
.workBox .pic img { display: block; width: 100%; height: auto;}
.workBox .txt  { flex: 1; margin-left: 1.6em; text-align: left;}
.workBox .txt .name { color: #333;}
.workBox .txt .content { margin-top: 1em; color: #666; line-height: 2.2;}

.workListBox { margin-top: 1.6em;}
.workListBox .title { padding-bottom:0.8em; border-bottom: 1px dashed #cccccc;  
line-height: 40px; display: flex; justify-content: space-between; align-items: center;}
.workListBox .title .name { color: #222; line-height: 40px; font-weight: bold;}
.workListBox .title .more {font-weight: bold;line-height: 40px;
    color: #0066CC;}
.workListBox .list { line-height: 2.7em; margin: 1em 2% 0;}
.workListBox .list ul { text-align: left; display: flex; flex-wrap: wrap; 
justify-content: flex-start; align-items: center;}
.workListBox .list li { width:49%; margin-right: 2%; padding: 0.15em 0;
}
.workListBox .list li:nth-child(2n) { margin-right: 0;}
.workListBox .list li a { height: 2.7em; overflow: hidden; padding: 0 1em 0 3.2em; 
display: block; cursor: pointer;
-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;
background: url(../imgs/arrow6.png) 1.2em  center no-repeat;}
.workListBox .list li a:hover { background-color: #f5f5f5; color: #004993;}

@media only screen and (max-width:828px) {
.workBox { display: block;}
.workBox .pic { width: 100%;}
.workListBox .list li { width:100%; margin-right: auto;}
.workBox .txt { margin-top: 2em; margin-left: auto;}
.workListBoxW { margin-bottom: 6em;}
.workListBox .title .name  { font-size: 16px;}
.workListBox .title .more { font-size: 12px;}
.workListBox .list li a { background-size:auto 10px ; padding-left: 2.2em;}
}